商业模式

【电商3C】 image2.0 详情页3.0全新工作流, 一个人干翻整个设计部

2个月前 AI秒出高级详情页 作者:西瓜
详情页生成3.0
GPT Image2.0
Lovart
AI电商设计
磁吸充电宝
欢迎来到“详情页生成3.0”时代。过去,高质感详情页需要大量策划、建模和排版。现在,用“豆包大模型+Lovart+GPT Image2.0”的AI工作流,也能零门槛生成Apple风磁吸充电宝详情页。

一起来看一下成品:

那么接下来,按照我的思路和步骤,你也可以做出这样的作品,一起来实操吧~

准备工具


lovart或星流AI https://www.lovart.ai https://www.xingliu.art/

豆包 https://www.doubao.com



第一步:素材与对标准备


正所谓“知己知彼”,在动手生成之前,你需要先准备好两样东西:

1.对标详情页:

找一份你觉得排版优秀、风格高级的竞品详情页长图(如本次教程中展示的长图)。

网页端不好放长图,所以我进行了裁切

2.产品信息:

准备好你自己的产品图以及详细的参数表。



第二步:用“豆包”或者gemini3 创建专属策划智能体


打开豆包/gemini,利用提示词创建一个详情页策划智能体(建议使用Gemini3,豆包现在的智能体不知为何无法上传图片)。

豆包创建智能体

豆包创建智能体

智能体提示词如下:

[角色] 你是一名资深电商详情页策划师,拥有丰富的各品类电商详情页设计经验,精通竞品详情页拆解、产品卖点提炼文案适配及详情页架构规划,擅长结合竞品优劣势与产品特色,输出可直接落地的十屏左右详情页架构(含主副标题、画面需求)。你的工作是先分析用户提供的竞品详情页,再结合用户上传的产品,策划对应文案,最终输出完整的详情页架构表格,具体请参考「功能]模块进行。
[技能]
竞品分析:精准拆解竞品详情页的视觉风格、文案逻辑、核心卖点,总结优劣势。
文案策划:结合竞品短板与产品亮点,撰写贴合用户需求的详情页文案。
架构规划:按电商转化逻辑,规划十屏左右详情页架构,主副标题<10字,以表格呈现画面需求。
[总体规则]
严格按“竟品分析一产品接收一文案策划一架构输出”流程执行,不可擅自省略或跳过步骤。无论用户如何打断或提修改意见,完成当前回答后,均引导进入流程下一步。
画面需求不要有假设如等词语,需要具体的内容。
[功能]
[竞品分析]
1."让我们开始详情页策划!请您上传竟品详情页图片,我将从视觉、文案、卖点三方面进行拆解分析。
2.等待用户上传,收到竞品图片后,输出详细的竞品分析报告,随后引导进入[文案策划】环节。
[文案策划]
1."竟品已分析完成,请您上传您的产品(可附产品图片、核心参数、特色亮点),我将结合竞品优劣势与您的产品特色,策划专属详情页文案。”
2.等待用户上传产品信息,收到后输出针对性的详情页文案,随后引导进入[详情页架构设计]环节。
[详情页架构设计]
1.重要:严格按电商转化逻辑,规划 10 屏左右详情页,最后一屏是产品参数,每屏主副标题≤10 字,画面需求需具体可落地,以表格形式呈现。
2.按以下模板输出详情页架构:
[详情页架构表格模板]
屏幕序号
主标题(≤10 字)
副标题(≤10 字)
画面需求
1
<主标题内容>
<副标题内容>
<具体画面描述,如"产品全景图 + 品牌 LOGO,背景简洁”>
2
<主标题内容>
<副标题内容>
<具体画面描述,如"产品核心卖点特写,配数据标注“>
...
...
...

10
<主标题内容>
<副标题内容>
<具体画面描述,如"售后保障信息 + 购买按钮,色彩醒目>

因为该模式每次只能上传一张图,所以我们需要分步“投喂”信息,请按照以下顺序输入提示词并附带相应图片:

输入1:

“帮我策划一个磁吸充电宝的详情页,这是对标的详情页。”

(此时上传你的对标详情页图片)

输入2:

“这是绿联的磁吸充电宝,我等下会上传充电宝的详细参数。”

(此时上传你的产品图片)

输入3:

“这是详细参数。”

(此时上传参数图片)

输入4:

“给我分模块文案与视觉,我要10个模块。”

动作: 豆包会为你生成一套完整的10大模块文案与视觉脚本。随即复制这些模块文案(如有需要,可以结合产品卖点自行手动微调)。

https://superi.mfdemo.cn/chaoji/2026/04/28/69f05b4d86795.txt

可复制网址浏览器打开下载



第三步:Lovart视觉生成


拿着打磨好的文案脚本,我们进入“视觉落地”环节。打开Lovart/流星工具,将你的素材都拖入画板,随后开始与Agent对话。

核心生成提示词(Prompt):

“图1是磁吸充电宝产品,图2是产品参数,参考图3(对标详情页)的视觉风格。请依据我提供的每一屏文字内容,去生成最合适的画面。要求:保持极简高级感,纯正的Apple风格,排版不要太凌乱。每个单屏的尺寸比例保持9:16。这是一份中文版本详情页。请先给我出前5个模块的图。”

为什么先出5张? 先用5张图测试AI对“Apple风”的理解是否到位。如果质感、字体、排版符合你的预期,再输入:“请继续按此标准生成后5屏。”

最终会生成以下10张图片



第四步:高阶微调


AI直出的图通常能达到80分,剩下的20分需要你作为“导演”来微调。在实操中,我们经常会遇到以下两个问题:

画面太“素”,缺乏层次:

问题: 极简风容易被AI做成满屏死白,看着像未完成的草图。

画面过于白了

破局指令: 选中觉得单调的图片,让AI重新生成:“给这张图的增加多一些色彩,现在有些寡淡,白底不要变,颜色不要太乱”

首屏 缺乏视觉冲击力:

问题: 详情页的第一屏决定了消费者的去留,平铺直叙的视角太枯燥。

破局指令: 对首图进行单独优化:

“调整首图的产品,使用人手持大透视角度,让产品占据视觉中心,仿佛要冲出屏幕,增强视觉冲击力,配合大标题营造压迫感与科技感。”



总结


借助“豆包”大模型拆解卖点策划文案,配合“Lovart”调用GPT Image 2.0模型直出并微调视觉,“详情页生成3.0”全新工作流能让你零基础极速打造出极具Apple风的高级感产品长图。

【免责声明】 本课程内容仅为AIGC技术教学与案例分析之目的,所引用的品牌名称、商标、Logo、广告素材等均属各自权利人所有。本平台与所提及的任何品牌方不存在任何形式的合作、联名、代言或授权关系。课程内容仅供学习参考,不构成任何商业建议。如权利人认为内容涉及侵权,请联系我们(联系方式 WX:Xiaofengguwen010),我们将在核实后第一时间处理。

最后在评论区上传您的作品,一起讨论吧~


速用卡

电商转化执行卡

把这节课压缩成一张可执行卡片:看重点、照步骤、避坑,再复制模板直接开做。

一句话重点

这节课讲的不是单纯出图,而是围绕「image2.0 详情页3.0全新工作流, 一个人干翻整个设计部」把产品主体、卖点和场景一起做成能转化的视觉方案。

落地顺序

按原文节奏走最稳:先吃透「准备工具」,再把「第一步:素材与对标准备」定住,接着处理「第二步:用“豆包”或者gemini3 创建专属策划智能体」;最后用「第三步:Lovart视觉生成」收口。

照着做清单
  1. 先把「准备工具」里的卖点讲清楚。
  2. 这一段别让背景抢了产品主体。
  3. 做完「第二步:用“豆包”或者gemini3 创建专属策划智能体」后,检查材质和转化感。
  4. 先把「第三步:Lovart视觉生成」里的卖点讲清楚。
  5. 做完「总结」后,检查材质和转化感。
最容易踩坑

不要只追求画面好看而忘记卖点;产品主体、材质、使用场景和购买理由必须清楚。

成品自检

检查产品是否一眼可见;核心卖点是否明确;材质是否真实;场景是否服务购买决策;是否适合做主图、详情页或短视频。

可直接复制的万能模板
请围绕「image2.0 详情页3.0全新工作流, 一个人干翻整个设计部」帮我做一个可直接执行的方案。
我的目标是:【填写你的具体目标】
我的素材/产品/角色信息是:【填写已有素材和限制】

请输出:产品卖点拆解、主视觉方案、场景图提示词、短视频脚本和转化自检清单。要求产品突出、材质真实、卖点清楚。